<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="box">
    1234
  </div>
  <script>
    // 数据类型的检测
      // typeof 
      // instanceof
      // constructor
      // Object.prototype.toString.call()

      // 返回值是一个字符串，而且字符串里存放的是当前的数据类型(小写)
      // 而且检测null 普通对象 数组 的返回值都是 'object',所以不能够区分这个三个详细的类
      // typeof typeof typeof 1;
      // 如果出现两个及以上的typeof，那他的返回值就是 'string'

    // 元素也是对象
      // document.getElementById('id名字')
      // // get element by id
      // className 
      // style
      // innerHTML:元素的内容(可以识别字符串的标签)
      // innerText:元素的内容(不可以识别字符串的标签)
      // onclick:null
    // 函数

    // let box = {
    //   className:'ss',
    //   style:{
    //     backgroundColor:'red',
    //     width:'200px'
    //   }
    // }

    // box.style.width = '50px'
    // box.style.backgroundColor = 'red'


    // var box = document.getElementById('box');
    // console.log(box.innerHTML);
    // console.log(box.innerText);
    // box.innerHTML = '<span></span>'
    // box.ass = 100; // 往元素身上存储键值对
    // console.dir(box)
    // console.log(box.ass);



  </script>
</body>
</html>